<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/login.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/guan.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<title>登录注册</title>

<script type="text/javascript">
function login(){
	//alert("dkf");
	$("#wrap").css("z-index","2");
	$("#wrap2").css("z-index","1");
}

function register(){
	$("#wrap").css("z-index","1");
	$("#wrap2").css("z-index","2");
}
</script>

</style>
</head>
<body>
<%--c:if test="${retry eq 'true'}">User name or password error, please try again.</c:if> --%>

<div id="wrap" style="position:absolute; z-index:2; text-align: center;">
	<form action="do" method="get" name="loginForm">
	<input name="redirect" value="${param.redirect}" class="hidden"/>
	<input name="module" value="user" class="hidden"/>
	<input name="action" value="formLogin" class="hidden"/>
	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="title">
		<tr>
			<td class="active"><a href="javascript:void()" onclick="javascript:login();">登录</a></td>
			<td><a href="javascript:void()"  onclick="javascript:register();">注册</a></td>
		</tr>
	</table>
	<br><br />
	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form">
	<c:if test="${retry ne 'true'}"><p align="center">您尚未登录，请登录或注册。</p></c:if>
	<c:if test="${retry eq 'true'}">用户名或密码错误。</c:if>
		<tr>
			<th scope="row"><br />用户名：</th>
			<td><br /><input name="username"></input></td>
		</tr>
		<tr>
			<th scope="row">密　码：</th>
			<td><input name="password" type="password"></input></td>
		</tr>
		<tr>
			<th scope="row">&nbsp;</th>
			<td><input name="rem" type="radio"checked >记住我的登录状态</input></td>
		</tr>
		<tr>
			<th scope="row">&nbsp;</th>
			<td> <input type="submit" value="登录" class="btn"/></td>
<!-- 			<td><input name="" type="button" value="登录" class="btn"/> 忘记密码</td> -->
		</tr>
	</table>
	</form>
</div>

<div id="wrap2" style="position:absolute; z-index:1" >
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="title">
		<tr>
			<td><a href="javascript:void()" onclick="javascript:login();">登录</a></td>
			<td class="active"><a href="javascript:void()" onclick="javascript:register();">注册</a></td>
		</tr>
	</table>
	
	<br />
	
	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="form">
		<tr>
			<th scope="row" name="regUsername">用户名：</th>
			<td><input></input></td>
		</tr>
		<tr>
			<th scope="row" name="regPassword">密　码：</th>
			<td><input></input></td>
		</tr>
		<tr>
			<th scope="row" name="regRePassword">确认密码：</th>
			<td><input></input></td>
		</tr>
		<tr>
			<th scope="row" name="regEmail">电子邮件：</th>
			<td><input></input></td>
		</tr>
		<tr>
			<th scope="row" >验证码：</th>
			<td><input name="regCode" id="regCode" size="10"></input><img class="verifyCode"src="do?module=verify" onclick="changeVerify(this)" title="看不清楚，点击修改"/></td>
			<!-- <td><input class="code"></input></td>-->
		</tr>
		<tr>
			<th scope="row">&nbsp;</th>
			<td><input name="article" type="radio"checked >我已阅读并同意xx条款</input></td>
		</tr>
		<tr>
			<th scope="row">&nbsp;</th>
			<td><input name="" type="button" value="注册" class="btn"/></td>
		</tr>
	</table>
</div>

</body>
</html>